<template>
  <div class="app-container">
    <platform-balance :member="member"/>
    <member-info-card />
    <user-finance/>
    <agency-url />
  </div>
</template>

<script>
import PlatformBalance from './platformBalance';
import UserFinance from './userFinance';
import MemberInfoCard from './memberInfoCard';
import AgencyUrl from './agencyUrl';

export default {
  name: 'user-info',
  components: {
    AgencyUrl,
    MemberInfoCard,
    PlatformBalance,
    UserFinance,
  },
  props: {
    member: {
      type: Object,
    },
  },
  data() {
    return {
      editAble: false,
    };
  },
  mounted() {

  },
};
</script>

<style lang="scss" scoped>
  .box-card {
    margin-bottom: 20px;
  }

  .el-table-column-with-button {
    .el-button {
      display: block;
    }
  }

</style>
